<#assign module="chart"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">

</@override>
<@override name="body">

<div class="row">
    <div class="col-xs-13">
        <div class="col-md-2">
            <ul class="list-group">
                <#--
	        	<li class="list-group-item"><a  href="${ctx}/chart/heatMap">热力图</a></li>
	        	-->
                <@daijia>
                    <li class="list-group-item"><a href="${ctx}/chart/compositive">代驾订单汇总</a></li>
                </@daijia>
                <@pao>
                    <li class="list-group-item"><a href="${ctx}/chart/paotuiCompositive">跑腿订单汇总</a></li>
                </@pao>
                <@zhuan>
                    <li class="list-group-item"><a href="${ctx}/chart/zhuanCompositive">专车订单汇总</a></li>
                </@zhuan>
                <@freight>
                    <li class="list-group-item"><a href="${ctx}/chart/freightCompositive">货运订单汇总</a></li>
                </@freight>
                <@zhuanxian>
                    <li class="list-group-item"><a href="${ctx}/chart/zhuanxianCompositive">货运订单汇总</a></li>
                </@zhuanxian>
                <li class="list-group-item"><a href="${ctx}/chart/orderYearChart">订单统计</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/orderType">订单来源统计</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/memberOrder1">客户消费统计</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/tableNewMemberMonth">新增客户统计</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/driverOrder">服务人员业绩</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/introduce">推荐员工业绩</a></li>
                <li class="list-group-item"><a href="${ctx}/chart/infoFee">保险费/信息费</a></li>
                <@shiro.isMainCompany>
                    <li class="list-group-item"><a href="${ctx}/chart/companyOrder">公司统计</a></li>
                </@shiro.isMainCompany>
                <!-- <li class="list-group-item"><a  href="${ctx}/chart/activity">活动统计</a></li> -->
                <li class="list-group-item"><a href="${ctx}/chart/driverTime">服务人员在线时间统计</a></li>
            </ul>
        </div>

        <div class="col-md-10">

            <div role="tabpanel">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <@daijia>
                        <li role="presentation" <#if activityTab?? && activityTab=="daijia">class="active"</#if>><a
                                href="#daijia" aria-controls="home" role="tab" data-toggle="tab">代驾</a></li>
                    </@daijia>
                    <@zhuan>
                        <li role="presentation" <#if activityTab?? && activityTab=="zhuan">class="active"</#if>><a
                                href="#zhuan" aria-controls="profile" role="tab" data-toggle="tab">专车</a></li>
                    </@zhuan>
                    <@pao>
                        <li role="presentation" <#if activityTab?? && activityTab=="errand">class="active"</#if>><a
                                href="#errand" aria-controls="profile" role="tab" data-toggle="tab">跑腿</a></li>
                    </@pao>
                    <@freight>
                        <li role="presentation" <#if activityTab?? && activityTab=="freight">class="active"</#if>><a
                                href="#freight" aria-controls="profile" role="tab" data-toggle="tab">货运</a></li>
                    </@freight>
                    <@zhuanxian>
                        <li role="presentation" <#if activityTab?? && activityTab=="zhuanxian">class="active"</#if>><a
                                href="#zhuanxian" aria-controls="profile" role="tab" data-toggle="tab">快车</a></li>
                    </@zhuanxian>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                   
                    <div role="tabpanel"
                         class="tab-pane fade in <#if activityTab?? && activityTab=="daijia">active</#if>" id="daijia">
                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <form class="form-inline" id="daiSearchForm" method="get">

                                    <div class="input-group">
                                        <input id="daiStartTime" type="text" class="form-control" placeholder="开始时间"/>
                                    </div>

                                    <div class="form-group">
                                        <input id="daiEndTime" type="text" class="form-control" placeholder="结束时间"/>
                                    </div>

                                    <div class="form-group">
                                        <button type="button" id="dai_search_button" class="btn btn-default"><i
                                                class="glyphicon glyphicon-search"></i> 查询
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <ul class="pagination pull-left pagination-sm pageshow d">
                            <li><a></a></li>
                        </ul>
                        <ul id="daiPagination" class="pagination pull-left pagination-sm daipagedata">
                        </ul>

                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <div class="panel panel-primary">
                                        <table class="daiTable table table-hover table-striped">
                                            <thead>
                                            <tr style="font-size:14px;">
                                                <th>时间</th>
                                                <th>订单号</th>
                                                <th>订单金额(元)</th>
                                                <th>服务人员提成(元)</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                        <ul class="pagination pull-left pagination-sm pageshow d">
                                            <li id="daitotal"><a></a></li>
                                        </ul>
                                        <ul class="pagination pull-left pagination-sm daipagedata">
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div role="tabpanel"
                         class="tab-pane fade in <#if activityTab?? && activityTab=="zhuan">active</#if>" id="zhuan">
                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <form class="form-inline" id="zhuanSearchForm" method="get">

                                    <div class="input-group">
                                        <input id="zhuanStartTime" type="text" class="form-control"
                                               placeholder="开始时间"/>
                                    </div>

                                    <div class="form-group">
                                        <input id="zhuanEndTime" type="text" class="form-control" placeholder="结束时间"/>
                                    </div>

                                    <div class="form-group">
                                        <button type="button" id="zhuan_search_button" class="btn btn-default"><i
                                                class="glyphicon glyphicon-search"></i> 查询
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <ul class="pagination pull-left pagination-sm pageshow z">
                            <li><a></a></li>
                        </ul>
                        <ul id="zhuanPagination" class="pagination pull-left pagination-sm zhuanpagedata">
                        </ul>

                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <div class="panel panel-primary">
                                        <table class="zhuanTable table table-hover table-striped">
                                            <thead>
                                            <tr style="font-size:14px;">
                                                <th>时间</th>
                                                <th>订单号</th>
                                                <th>订单金额(元)</th>
                                                <th>服务人员提成(元)</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                        <ul class="pagination pull-left pagination-sm pageshow z">
                                            <li id="errandtotal"><a></a></li>
                                        </ul>
                                        <ul class="pagination pull-left pagination-sm zhuanpagedata">
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <@zhuanxian>
                <div role="tabpanel"
                         class="tab-pane fade in <#if activityTab?? && activityTab=="zhuanxian">active</#if>" id="zhuanxian">
                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <form class="form-inline" id="zhuanxianSearchForm" method="get">

                                    <div class="input-group">
                                        <input id="zhuanxianStartTime" type="text" class="form-control"
                                               placeholder="开始时间"/>
                                    </div>

                                    <div class="form-group">
                                        <input id="zhuanxianEndTime" type="text" class="form-control" placeholder="结束时间"/>
                                    </div>

                                    <div class="form-group">
                                        <button type="button" id="zhuanxian_search_button" class="btn btn-default"><i
                                                class="glyphicon glyphicon-search"></i> 查询
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <ul class="pagination pull-left pagination-sm zhuanxianpageshow zx">
                            <li><a></a></li>
                        </ul>
                        <ul id="zhuanxianPagination" class="pagination pull-left pagination-sm zhuanxianpagedata">
                        </ul>

                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <div class="panel panel-primary">
                                        <table class="zhuanxianTable table table-hover table-striped">
                                            <thead>
                                            <tr style="font-size:14px;">
                                                <th>时间</th>
                                                <th>订单号</th>
                                                <th>订单金额(元)</th>
                                                <th>服务人员提成(元)</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                        <ul class="pagination pull-left pagination-sm zhuanxianpageshow zx">
                                            <li id="zhuanxiantotal"><a></a></li>
                                        </ul>
                                        <ul class="pagination pull-left pagination-sm zhuanxianpagedata">
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </@zhuanxian>
                    <div role="tabpanel"
                         class="tab-pane fade in <#if activityTab?? && activityTab=="errand">active</#if>" id="errand">
                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <form class="form-inline" id="errandSearchForm" method="get">

                                    <div class="input-group">
                                        <input id="errandStartTime" type="text" class="form-control" placeholder="开始时间"/>
                                    </div>

                                    <div class="form-group">
                                        <input id="errandEndTime" type="text" class="form-control" placeholder="结束时间"/>
                                    </div>

                                    <div class="form-group">
                                        <button type="button" id="errand_search_button" class="btn btn-default"><i
                                                class="glyphicon glyphicon-search"></i> 查询
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <ul class="pagination pull-left pagination-sm pageshow e">
                            <li><a></a></li>
                        </ul>
                        <ul id="pagination" class="pagination pull-left pagination-sm errandpagedata">
                        </ul>

                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <div class="panel panel-primary">
                                        <table class="errandTable table table-hover table-striped">
                                            <thead>
                                            <tr style="font-size:14px;">
                                                <th>时间</th>
                                                <th>订单号</th>
                                                <th>订单金额(元)</th>
                                                <th>服务人员提成(元)</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                        <ul class="pagination pull-left pagination-sm pageshow e">
                                            <li id="zhuantotal"><a></a></li>
                                        </ul>
                                        <ul class="pagination pull-left pagination-sm errandpagedata">
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div role="tabpanel"
                         class="tab-pane fade in <#if activityTab?? && activityTab=="freight">active</#if>"
                         id="freight">
                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <form class="form-inline" id="freightSearchForm" method="get">

                                    <div class="input-group">
                                        <input id="freightStartTime" type="text" class="form-control"
                                               placeholder="开始时间"/>
                                    </div>

                                    <div class="form-group">
                                        <input id="freightEndTime" type="text" class="form-control" placeholder="结束时间"/>
                                    </div>

                                    <div class="form-group">
                                        <button type="button" id="freight_search_button" class="btn btn-default"><i
                                                class="glyphicon glyphicon-search"></i> 查询
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <ul class="pagination pull-left pagination-sm pageshow f">
                            <li><a></a></li>
                        </ul>
                        <ul id="pagination" class="pagination pull-left pagination-sm freightpagedata">
                        </ul>

                        <div class="row margin-top">
                            <div class="col-xs-12">
                                <div class="table-responsive">
                                    <div class="panel panel-primary">
                                        <table class="freightTable table table-hover table-striped">
                                            <thead>
                                            <tr style="font-size:14px;">
                                                <th>时间</th>
                                                <th>订单号</th>
                                                <th>订单金额(元)</th>
                                                <th>服务人员提成(元)</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                        <ul class="pagination pull-left pagination-sm pageshow f">
                                            <li><a></a></li>
                                        </ul>
                                        <ul class="pagination pull-left pagination-sm freightpagedata">
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

        </div>

    </div>
</div>

</@override>


<@override name="footer">
<script>
    window.daijia = {ctx: '${ctx}', driverId: '${driver.id}'};
var dj = false;
	var zhuanche = false;
    var errand = false;
    var freight = false;
    var zhuanxian = false;
    <@daijia>
    	<@shiro.hasPermission name='order'>
    		dj = true;
    	</@shiro.hasPermission>
    </@daijia>
    <@zhuan>
		<@shiro.hasPermission name='zhuan'>
    		zhuanche=true;
   		</@shiro.hasPermission>
	</@zhuan>
	<@pao> 
	    <@shiro.hasPermission name='errand'>
	    	errand=true;
	    </@shiro.hasPermission>
	</@pao>
	<@freight>
    	<@shiro.hasPermission name='freight'>
    		freight=true;
   		</@shiro.hasPermission>
	</@freight>
	<@zhuanxian>
    	<@shiro.hasPermission name='zhuanxian'>
    		zhuanxian=true;
   		</@shiro.hasPermission>
	</@zhuanxian>
</script>
<script src="${ctx}/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
<script src="${ctx}/assets/js/chart/driverOrderDetail.js"></script>
</@override>
<@extends name="../layout.ftl"/>
